<template>
	<el-row type="flex" class="row-bg" justify="space-between">
	  <el-col :span="9" class='login'>后台管理系统</el-col>
	  <el-col :span="3" class='flex-right'>
	  	<div class="user-box">
	  		<img :src="uerUrl" />
	  		<span>用户名</span>
	  		&nbsp;&nbsp;|&nbsp;&nbsp;
	  		<a href="javascript:;">退出</a>
	  	</div>
	  </el-col>
	</el-row>
</template>
<script>
	export default{
		data(){
			return{
				uerUrl:require('../assets/img/usermr.png')
			}
		}
	};
</script>
<style lang="less" scoped>
	.login{
		font-size: 20px;
		text-align: left;
	}
	.user-box{
		img{
			width: 30px;
			height: 30px;
			margin-right: 10px;
		}
		a{
			color: #fff;
		}
	}
</style>